<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <title>链币Home_链接全球币圈，区块链垂直媒体</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body id="index">
<div id="head"></div>
    <div class="propaganda"></div>
    <div class="main">
        <div class="content">
            <div class="banner">
                <div class="left">
                    <div class="carousel">

                        <div id="myCarousel" class="carousel slide">
                            <div class="carousel-inner">
                                <div class="item"  v-for="item in imgData.pic3" track-by="$index" v-bind:id="item.id" v-cloak>
                                    <a v-bind:href="item.url"><img v-bind:src="url + item.image"></a>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="title" v-cloak>
                        <div>{{carousel.title}}</div>
                        <div>{{carousel.con}}</div>
                        <!--<div>-->
                            <!--<span><img src="img/time.png">6-20  12:20</span><span><img src="img/see.png">87795</span>-->
                        <!--</div>-->
                    </div>
                </div>
                <div class="right">
                    <div v-for="item in imgData.pic4" v-cloak><a v-bind:href="item.url"><img v-bind:src="url + item.image"></a></div>
                </div>
            </div>
            <div class="information">
                <div class="left">
                    <div class="tabs" v-cloak>
                        <div class="active" v-bind:id="idlist[0]" onclick="$('.btn').css({'color':'#dc6841'});$('.btn').html('浏览更多');">资讯</div>
                        <!--<div v-bind:id="idlist[1]" onclick="$('.btn').css({'color':'#dc6841'});$('.btn').html('浏览更多');">项目专访</div>-->
                        <div v-bind:id="idlist[2]" onclick="$('.btn').css({'color':'#dc6841'});$('.btn').html('浏览更多');">行情分析</div>
                        <span class="arrow"></span>
                    </div>


                    <div v-cloak class="block" v-for="item in block.list" v-bind:id="item.id" @click="news_details(item.id,url + item.more.thumbnail)" onmouseover="this.style='color:#f26d1c;'" onmouseout="this.style='color:#333;'">
                        <div class="blockImg">
                            <img v-bind:src="url + item.more.thumbnail">
                        </div>
                        <div class="text">
                            <p class="title">{{item.post_title}}</p>
                            <div class="con">{{item.post_excerpt}}</div>
                            <div class="RL">
                                <span>{{item.post_source}}</span>
                                <span><img src="img/time_.png">{{item.published_time}}</span>
                                <span><img src="img/see_.png">{{item.post_hits+item.add_hits}}</span>
                            </div>
                        </div>
                    </div>

                    <div class="btn" @click="more">浏览更多</div>
                </div>
                <div class="right">
                    <div class="title">
                        <span>7x24快讯</span>
                        <a href="news_list.html"><span>更多<img src="img/arrow_right.png"></span></a>
                    </div>
                    <div class="list">
                        <div v-cloak class="newsFlash" v-for="item in newsFlash"  track-by="$index" v-bind:id="item.id">
                            <div><img src="img/time1.png">{{item.issue_time}}</div>
                            <div class="text">
                                <span class="head">{{item.title}}</span>
                                {{item.content}}
                                <span class="open" @click="open(item.id,item.opentext)">{{item.opentext}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="imgList" v-cloak>
                        <a v-bind:href="item.url" v-for="item in imgData.pic5"><img v-bind:src="url + item.image"></a>
                    </div>
                </div>
            </div>
            <a href="#header"><img src="img/totop_1.png" id="totop" onmouseover="this.src='img/totop.png'" onmouseout="this.src='img/totop_1.png'"></a>
        </div>
    </div>
<div id="foot"></div>
</body>
    <script src="js/vue.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
</html>